{extend name="admin@public/base" /}
{block name="main-content"}
<script src="__PUBLIC__/ueditor/ueditor.config.js" type="text/javascript"></script>
<script src="__PUBLIC__/ueditor/ueditor.all.js" type="text/javascript"></script>
<link href="__PUBLIC__/ace/css/ace.min.css" media="all" rel="stylesheet" type="text/css" />
<style>
    body{
        background: white
    }
    table{
        text-align: center;
        width: 100%;
        line-height: 35px;
    }
    th{
        background: #ededed;
        font-size: 14px;
        color: #666;
    }
    table,table tr th, table tr td{ 
        border-color:#ededed; 
    }
</style>
<div class="page-content">
    <form class="form-horizontal ajaxForm" action="" name="system_message" id="system_message" method="post" >
        <table class="table"  border="1" cellspacing="0" cellpadding="0">
            <tr>
                <th style="width: 20%;"><span>公告标题</span></th>
                <td style="width: 80%;">
                    <input class="inputTex" type="text" name="message_title" id="message_title" value="{$messageInfo.title}" style="width: 100%;" required>
                </td>
            </tr>
            <tr>    
                <th style="width: 20%;"><span>公告内容</span></th>
                <td style="width: 80%;">
                    <textarea name="message_content" style="width:100%" id="myEditor">{$messageInfo.contents}</textarea>
                </td>
            </tr>
         
            <tr>
                <td class="td" colspan="2">
                    <div class="layer-self-btn">
                        <div class="col-md-offset-3 col-md-9">
                            <input type="hidden" value="{$messageInfo.send_type}" name="send_type">
                            <input type="hidden" value="edit_message" name="action_type">
                            <input type="hidden" value="{$messageInfo.id}"  name="message_id">
                            <button class="btn btn-info" type="submit">
                                <i class="ace-icon fa fa-check bigger-110"></i>
                                保存
                            </button>

                            &nbsp; &nbsp; &nbsp;
                            <button class="btn" type="reset">
                                <i class="ace-icon fa fa-undo bigger-110"></i>
                                重置
                            </button>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </form>
</div>


{/block}
{block name="scripts"}
<script type="text/javascript">
    var editor = new UE.ui.Editor();
    editor.render("myEditor");
    editor.ready(function() {  
        editor.setHeight(260);
    });
</script>
{/block}